<!--
 * @Description:
 * @version:
 * @Author: 尹鹏孝
 * @Date: 2023-03-07 10:20:03
 * @LastEditors: 尹鹏孝
 * @LastEditTime: 2023-03-07 10:20:54
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>单语法组件</title>
</head>
<body>
    <div>单语法组件 single-file-components</div>
    单文件组件好处：内聚前端特点的文件，让文件更加统一归类，好处理。

    单文件组件工作原理：
    @vue/complier-sfc编译标准来编译。js，css,

    如何看多关注点分离：
    关注点分离并不那么适合前端，在vue的单页面组件时候，而angular恰恰使用的是关注点分离。而切割与否和页面逻辑有大大关系也和开发者个人习惯有不少联系。


</body>
</html>